<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <script src="js/jquery-1.10.1.min.js"></script>
    <script src="js/jquery.lazyload.js"></script>
    <title>旅游顾问</title>
    <!--<meta http-equiv="Pragma" content="no-cache">-->
    <!--<meta http-equiv="Expires" content="-1">-->
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link href="css/dl.css" rel="stylesheet">
    <link href="css/component.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/jquery.dlmenu.js"></script>
    <script src="js/swiper.3.1.2.min.js"></script>
</head>
<body>
<div class="wrap" >
    <header class="header">
        <img class="logo" src="img/logo.gif" alt="海口民间">
        <span><strong>海口民间旅行社</strong></span>
        <a href="#" class="tel" ><img src="img/tel-top.gif"></a>
        <a href="#"  class="site"><span><img src="img/location.png">&nbsp;徐州</span></a>
        <div id="dl-menu" class="dl-menuwrapper">
            <button id="dl-menu-button">Open Menu</button>
            <ul class="dl-menu">
                <li><a href="">徐州</a></li>
                <li><a href="">南京</a></li>
                <li><a href="">无锡</a></li>
                <li><a href="">苏州</a></li>
                <li><a href="">常州</a></li>
            </ul>
        </div>
    </header>
    <!-- Swiper*slider*start -->
    <div class="container">
        <div class="personal">
            <div class="per-photo">
                <div class="phototag">
                    <img src="img/lygw.png">
                </div>
                <div class="photo">
                    <a href="#"><img src="img/gw1.jpg"></a>
                </div>
            </div>
            <div class="name">
                <p><strong>张芳芳</strong>&nbsp;|&nbsp;<small>13805200808</small></p>
                <p><small>海口民间旅行社有限公司</small></p>
            </div>
        </div>
    </div>
    <div class="search">
        <form action="#" method="get" >
            <input type="search" placeholder="搜索目的地/攻略/景点/酒店等" >
        </form>
    </div>
    <!--内容部分 sart-->
    <div class="container">
        <div class="left1">
            <a href="#">
                <div class="left1-container">
                    <span>光阴似金 随叫随行</span>
                    <span><small>随行特惠·抢到赚到</small></span>
                    <img src="img/sheng.gif">
                </div>
            </a>
        </div>
        <div class="right1">
            <div class="right1-1">
                <div class="right1-1-container">
                    <img src="img/butterfly.gif">
                    <span><strong>魅力桂林</strong></span>
                    <span><small>桂林山水甲天下</small></span>
                </div>
            </div>
            <div class="right1-2">
                <div class="right1-2-container">
                    <img src="img/san.gif ">
                    <span> <strong>浪漫三亚</strong></span>
                    <span> <small>带TA一起去看海</small></span>
                </div>
            </div>
        </div>
        <div class="left2">
            <div class="left2-1">
                <div class="left2-container">
                    <img src="img/car.gif" alt="租车">
                    <span><strong>租车</strong></span>
                </div>
            </div>
            <div class="left2-2">
                <div class="left2-container">
                    <img src="img/plane.gif" alt="机票">
                    <span><strong>机票</strong></span>
                </div>
            </div>
        </div>
        <div class="right2">
            <div class="right2-1">
                <div class="right1-2-container">
                    <img src="img/fish.gif ">
                    <span> <strong>情迷海口</strong></span>
                    <span> <small>天蓝水碧在其中</small></span>
                </div>
            </div>
        </div>
        <div class="left3">
            <div class="left3-1">
                <div class="left3-container">
                    <img src="img/bed.gif" alt="酒店">
                    <span><strong>酒店</strong></span>
                </div>
            </div>
            <div class="left3-2">
                <div class="left3-container">
                    <img src="img/ticket.gif" alt="门票">
                    <span><strong>门票</strong></span>
                </div>
            </div>
        </div>
        <div class="right3">
            <div class="right3-1">
                <div class="left3-container">
                    <img src="img/cup.gif" alt="美食">
                    <span><strong>美食</strong></span>
                </div>
            </div>
            <div class="right3-2">
                <div class="left3-container">
                    <img src="img/map.gif" alt="自由行">
                    <span><strong>自由行</strong></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 当季热卖，产品推介*********start***************-->
    <div class="container">
        <div class="djrm">
            <img src="img/djrm.gif" data-original="img/djrm.gif">
            <span>秋高气爽好风光·带上家人去旅行</span>
        </div>
        <ul>
            <li>
                <div class="djrm1">
                    <div class="djrm1-1">
                        <img class="djrm1-1-img" src="img/djrm1.jpg" data-original="img/djrm1.jpg">
                    </div>
                    <div class="djrmpm">
                        <img   src="img/djrmpm1png" data-original="img/djrmpm1.png">
                    </div>
                    <div class="djrmcontainer">
                        <span><strong>海口三亚经典五日游</strong></span><br>
                        <span style="color: dimgrey;"><small>国庆撒欢减400，蜈支洲岛一整天，金牌导游，四晚海景</small></span>
                    </div>
                    <div class="djrmprice">
                        <ul>
                            <li style="width: 20%"><img src="img/myy.gif" data-original="img/myy.gif"></li>
                            <li style="width: 20%"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                            <li style="width: 40%">￥1799</li>
                            <li style="width: 20%"><span>起</span></li>

                        </ul>

                        <!--<span>￥1799</span>-->
                    </div>
                </div>
            </li>
            <li>
                <div class="djrm1">
                    <div class="djrm1-1">
                        <img class="djrm1-1-img" src="img/djrm2.jpg" data-original="img/djrm2.jpg">
                    </div>
                    <div class="djrmpm">
                        <img   src="img/djrmpm2.png" data-original="img/djrmpm2.png" >
                    </div>
                    <div class="djrmcontainer">
                        <span><strong>三亚双飞六日游</strong></span><br>
                        <span style="color: dimgrey;"><small>三亚双飞，五晚连住海景房！亲水之旅与浪共舞</small></span>
                    </div>
                    <div class="djrmprice">
                        <ul>
                            <li style="width: 20%"><img src="img/myy.gif" data-original="img/myy.gif"></li>
                            <li style="width: 20%"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                            <li style="width: 40%">￥1799</li>
                            <li style="width: 20%"><span>起</span></li>

                        </ul>
                    </div>
                </div>
            </li>
            <li>
                <div class="djrm1">
                    <div class="djrm1-1">
                        <img class="djrm1-1-img" src="img/djrm3.jpg" data-original="img/djrm3.jpg">
                    </div>
                    <div class="djrmpm">
                        <img   src="img/djrmpm3.png" data-original="img/djrmpm3.png">
                    </div>
                    <div class="djrmcontainer">
                        <span><strong>海口三亚经典五日游</strong></span><br>
                        <span style="color: dimgrey;"><small>竹筏漓江，世界梯田之冠</small></span>
                    </div>
                    <div class="djrmprice">
                        <ul>
                            <li style="width: 20%"><img src="img/myy.gif" data-original="img/myy.gif"></li>
                            <li style="width: 20%"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                            <li style="width: 40%">￥1799</li>
                            <li style="width: 20%"><span>起</span></li>

                        </ul>
                    </div>
                </div>
            </li>
        </ul>

    </div>
    <!-- adbar-->
    <div class="container">
        <div class="adbar">
            <a href="#"><img src="img/adbar.gif" data-original="img/adbar.gif"></a>
        </div>
    </div>
    <!-- 旅游分类start-->
    <div class="container">
        <div class="fenlei">
            <div class="myybar" >
                <div class="more">
                    <a href="#"> <img  src="img/more.gif" alt="更多" data-original="img/more.gif"></a>
                </div>
            </div>
            <!-- 产品列表-->
            <ul>
                <li>
                    <div style="clear: both">
                        <div class="fl-left" >
                            <div  class="f1-left1" >
                                <img class="f1-left1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-left1-img1" src="img/mydg.gif" data-original="img/mydg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="fl-right" >
                            <div  class="f1-right1" >
                                <img class="f1-right1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-right1-img1" src="img/mydg.gif" data-original="img/mydg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div style="clear: both">
                        <div class="fl-left" >
                            <div  class="f1-left1" >
                                <img class="f1-left1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-left1-img1" src="img/mydg.gif" data-original="img/mydg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="fl-right" >
                            <div  class="f1-right1" >
                                <img class="f1-right1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-right1-img1" src="img/mydg.gif" data-original="img/mydg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div style="clear: both">
                        <div class="fl-left" >
                            <div  class="f1-left1" >
                                <img class="f1-left1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-left1-img1" src="img/mydg.gif" data-original="img/mydg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="fl-right" >
                            <div  class="f1-right1" >
                                <img class="f1-right1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-right1-img1" src="img/mydg.gif" data-original="img/mydg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="blank5"></div>
    <div class="container">
        <div class="fenlei">
            <div class="qzybar" >
                <div class="more">
                    <a href="#"> <img  src="img/more.gif" alt="更多"></a>
                </div>
            </div>
            <!-- 产品列表-->

            <ul>
                <li>
                    <div style="clear: both">
                        <div class="fl-left" >
                            <div  class="f1-left1" >
                                <img class="f1-left1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-left1-img1" src="img/qzdg.gif" data-original="img/qzdg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="fl-right" >
                            <div  class="f1-right1" >
                                <img class="f1-right1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-right1-img1" src="img/qzdg.gif" data-original="img/qzdg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div style="clear: both">
                        <div class="fl-left" >
                            <div  class="f1-left1" >
                                <img class="f1-left1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-left1-img1" src="img/qzdg.gif" data-original="img/qzdg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="fl-right" >
                            <div  class="f1-right1" >
                                <img class="f1-right1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-right1-img1" src="img/qzdg.gif" data-original="img/qzdg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div style="clear: both">
                        <div class="fl-left" >
                            <div  class="f1-left1" >
                                <img class="f1-left1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-left1-img1" src="img/qzdg.gif" data-original="img/qzdg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="fl-right" >
                            <div  class="f1-right1" >
                                <img class="f1-right1-img" src="img/myy1.jpg" data-original="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif" data-original="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-right1-img1" src="img/qzdg.gif" data-original="img/qzdg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>

        </div>
    </div>
    <div class="blank5"></div>
    <div class="container">
        <div class="fenlei">
            <div class="bmybar" >
                <div class="more">
                    <a href="#"> <img  src="img/more.gif" alt="更多"></a>
                </div>
            </div>
            <!-- 产品列表-->
            <ul>
                <li>
                    <div style="clear: both">
                        <div class="fl-left" >
                            <div  class="f1-left1" >
                                <img class="f1-left1-img" src="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-left1-img1" src="img/dg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="fl-right" >
                            <div  class="f1-right1" >
                                <img class="f1-right1-img" src="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-right1-img1" src="img/dg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div style="clear: both">
                        <div class="fl-left" >
                            <div  class="f1-left1" >
                                <img class="f1-left1-img" src="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-left1-img1" src="img/dg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="fl-right" >
                            <div  class="f1-right1" >
                                <img class="f1-right1-img" src="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-right1-img1" src="img/dg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div style="clear: both">
                        <div class="fl-left" >
                            <div  class="f1-left1" >
                                <img class="f1-left1-img" src="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-left1-img1" src="img/dg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="fl-right" >
                            <div  class="f1-right1" >
                                <img class="f1-right1-img" src="img/myy1.jpg">
                                <ul>
                                    <li><h1 >桂林阳朔双飞四日游</h1></li>
                                    <li class="other"><img src="img/fjx.gif"></li>
                                    <li class="price"> <span class="dg" ><a href="#"><img class="f1-right1-img1" src="img/dg.gif"> </a></span> <span>￥2899</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>

            </ul>


        </div>
    </div>
    <div class="blank5"></div>
    <div class="container">
        <div class="company">
            <p><strong>海口民间旅行社有限公司</strong></p>
            <p><small>旅游许可证编号：L-SD-13120</small></p>
            <p><small>海口民间旅行社有限公司   品牌授权</small></p>
            <div class="blank-line"></div>
            <p><small>徐州浩楠网络科技提供技术支持</small>|<small><a href="#"> 我要开店</a></small></p>
            <div class="blank5"></div>
        </div>
    </div>
    <div class="onlinemessage">
        <span>
            <img src="img/onlinemessage.png">线路咨询
        </span>
    </div>
    <div class="blank5"></div>
    <div class="container">
        <div class="blank5" style="margin-bottom: 4em;"></div>
        <div class="foottools">
            <ul class="ft">
                <li><a href="#"><img src="img/foottools_01.png"><p><small>首页</small></p></a></li>
                <li><a href="#"><img src="img/foottools_02.png"><p><small>订单</small></p></a></li>
                <li><a href="#"><img src="img/foottools_03.png"><p><small>我的</small></p></a></li>
                <li><a href="#"><img src="img/foottools_04.png"><p><small>电话</small></p></a></li>
            </ul>
        </div>
    </div>

</div>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/jquery.dlmenu.js"></script>
<script src="js/swiper.3.1.2.min.js"></script>
<script>
    $(function(){
        $( '#dl-menu' ).dlmenu();
    });
    //dl下拉菜单
</script>
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        loop: true,
        autoplay: 3000,//可选选项，自动滑动

        // 如果需要分页器
        // pagination: '.swiper-pagination',
        // 如果需要前进后退按钮
        // nextButton: '.swiper-button-next',
        //prevButton: '.swiper-button-prev',
        // 如果需要滚动条
        //scrollbar: '.swiper-scrollbar',
    })
</script>
<script>
    $(function() {
        $("img").lazyload({threshold: 10, failurelimit: 10, effect: "fadeIn" });
    });//jQuery Lazy Load配置函数
</script>
</body>
</html>